<template>
	<view style="padding: 0 50rpx;">
		<view v-for="item in 10" :key="item" style="height: 100rpx;background-color: pink;">
			其它内容
		</view>
		<video src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4"
			style="width: 100%;position: relative;">
			<cover-view class="cover-box">
				<cover-view>覆盖的内容</cover-view>
			</cover-view>
		</video>
		<view v-for="item in 5" :key="item" style="height: 100rpx;background-color: pink;">
			其它内容
		</view>
	</view>
	<!-- <view class="seat"> </view>
	<view class="button-box">
		<button class="btn-self">操作</button>
	</view> -->
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	.cover-box {
		position: fixed;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 120rpx;
		background-color: yellow;
	}
	.seat {
		height: 120rpx;
	}
	
	.button-box {
		display: flex;
		justify-content: space-around;
		position: fixed;
		bottom: 0;
		width: 100%;
		color: #666;
		font-size: 28rpx;
		background-color: #fff;
		background-color: yellow;
		padding: 20rpx 40rpx;
		box-shadow: 1px 2px 30px rgba(0, 0, 0, 0.2);
		box-sizing: border-box;
		z-index: 10;
	
		.btn-self {
			width: 40%;
			height: 80rpx;
			color: #fff;
			font-size: 28rpx;
			line-height: 80rpx;
			background-color: #f98d2b;
			border-radius: 50px;
			margin: 0;
		}
	}
</style>